﻿section {
    display: flex;
    flex-direction: column;

    & > header {
        margin-top: 2px;
        padding: 3px 40px;
        line-height: 60px;
        font-size: 40px;
    }

    & > :not(header) {
        margin: 10px 40px 20px;
        position: relative;
        flex: 1;
        overflow-y: hidden;
    }
}
#top {
    padding: 4px;
    background: url(/Images/OndutyToday.png) no-repeat;
    height: 224px;

    header label {
        font-size: 26px;
    }
    li {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        & + li {
            margin-top: 16px;
        }
    }
}

#bottom {
    flex: 1;
    display: flex;
    overflow: hidden;

    section {
        flex: 1;
        background: url(/Images/content_bg_3.png) no-repeat;

        header {
            line-height: 56px;
        }

        &:first-child {
            margin-right: 20px;
        }
    }
}